<!DOCTYPE HTML>
<html>
    <head>
        <meta charset='utf8'>
        <title>文本-转换</title>
        <style>
        p.up{
            text-transform: uppercase;
        }
        p.lo{
            text-transform: lowercase;
        }
        p.ca{
            text-transform: capitalize;
        }
        </style>
    </head>
    <body>
         <p class="up">
             fuCk YoU!
         </p>
         <p class="lo">
             fuCk YoU!
         </p>
         <p class="ca">
             fuCk YoU!             
         </p>
    </body>
</html>